/**
 * Created by keke.com on 2017/2/17.
 */

charset="UTF-8";

$(function(){

    var num=window.location.href;
    var tit=decodeURI(num.slice(/(title=)/g.exec(num).index+6, num.length));  //获取到传过来的标题
    //console.log(decodeURI(tit));

    /*更改三个标题S*/
    var div=document.querySelectorAll('.tip');
    div[0].innerHTML=tit+decodeURI('那个牌子好');
    div[1].innerHTML=tit+decodeURI('产品销量排行');
    div[2].innerHTML=tit+decodeURI('最新评论');
    /*更改三个标题D*/


    var page=num.slice(/=/.exec(num).index+1,num.length);
    //titleSet();
    title(page);
    number(page);
    message(page);
    $("header>.back").on('click',function(){
        window.history.back();
    })
});

/*创建一个获取数据的构造函数
* 以对象传入参数{option}
* url:获取数据的地址
* name:这一类的id
* */
function GetData(option){
    this.url=option.url;
    this.name=option.name;

}

GetData.prototype={
    constructor:GetData,
    /* 传入过去数据的参数  num
     *id:渲染模板的id
     * 渲染完成后:将相应的html  返回
     * */
    listData:function (num,id){

        var getData = null;
        $.ajax({
            type: "GET",
            url: this.url+'?'+this.name+'='+num,
            async: false,
            success: function(data) {
                console.log(data);
                getData = template(id,data);
            }
        });
        return getData;



    }
}


/*
* 获取排行榜的渲染的html  S
*
*
* */
function title(num){
    var title=new GetData({url:'http://139.199.157.195:9090/api/getbrand',name:'brandtitleid'});
    var data=title.listData(num,'number_Tpl');
    $('section .number').html(data);
}


/* 排行榜E */


/* 销量排行版模板 S */
function number(num){
    var title=new GetData({url:'http://139.199.157.195:9090/api/getbrandproductlist',name:'brandtitleid'});
    var data=title.listData(num,'ranking_Tpl');
    $('section .ranking').html(data);
}

/* 销量排行版模板 E */

/*评论 S*/
function message(num){
    var title=new GetData({url:'http://139.199.157.195:9090/api/getproductcom',name:'productid'});
    var data=title.listData(num,'message_Tpl');
    $('section .message').html(data);
}

/*评论 D*/



/*
*
* 修改页面的标题
*
* */

function titleSet(){
    var div=document.querySelectorAll('.tip');
    div[0].innerHTML='123'
    div[1].innerHTML='456'
    div[2].innerHTML='789'
}

